Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / contextmenu / ContextMenuPanel.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3showTa5d6ff" Te6edf3refTff7b72=Ta5d6ff"panel" Te6edf3classTff7b72=Ta5d6ff"context-menu-panel" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3panelClassTa5d6ff" Tb4b4b4:Te6edf3styleTff7b72=Ta5d6ff"Te6edf3panelStyleTa5d6ff" Te6edf3v-bindTff7b72=Ta5d6ff"Te6edf3$attrsTa5d6ff"Tb4b4b4>

Tb4b4b4<Tff7b72slot Te6edf3nameTff7b72=Ta5d6ff"header" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72slot Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Tb4b4b4{ Te6edf3clampFloatingToViewport Tb4b4b4} Tff7b72from Ta5d6ff"../../js/clampFloatingToViewport.js"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"ContextMenuPanel"Tb4b4b4,

Te6edf3inheritAttrsTff7b72: Tff7b72falseTb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3showTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3xTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657NumberTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3yTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657NumberTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3panelClassTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Ta5d6ff""Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3dataTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tb4b4b4{

Te6edf3adjustedLeftTff7b72: T79c0ff0Tb4b4b4,

Te6edf3adjustedTopTff7b72: T79c0ff0Tb4b4b4,

Te6edf3panelMaxHeightTff7b72: Tff7b72nullTb4b4b4,

Te6edf3repositionRafTff7b72: Tff7b72nullTb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3computedTff7b72: Tb4b4b4{

Te6edf3panelStyleTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72const Te6edf3style Tff7b72= Tb4b4b4{

Te6edf3topTff7b72: Ta5d6ff`Tffd700${Tff7b72thisTb4b4b4.Te6edf3adjustedTopTffd700}Ta5d6ffpxTa5d6ff`Tb4b4b4,

Te6edf3leftTff7b72: Ta5d6ff`Tffd700${Tff7b72thisTb4b4b4.Te6edf3adjustedLeftTffd700}Ta5d6ffpxTa5d6ff`Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3panelMaxHeight Tff7b72!= Tff7b72nullTb4b4b4) Tb4b4b4{

Te6edf3styleTb4b4b4.Te6edf3maxHeight Tff7b72= Ta5d6ff`Tffd700${Tff7b72thisTb4b4b4.Te6edf3panelMaxHeightTffd700}Ta5d6ffpxTa5d6ff`Tb4b4b4;

Te6edf3styleTb4b4b4.Te6edf3overflowY Tff7b72= Ta5d6ff"auto"Tb4b4b4;

Tb4b4b4}

Tff7b72return Te6edf3styleTb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3watchTff7b72: Tb4b4b4{

Te6edf3showTff7b72: Tb4b4b4{

Te6edf3immediateTff7b72: Tff7b72trueTb4b4b4,

Te6edf3handlerTb4b4b4(Te6edf3visibleTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3cancelRepositionTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72if Tb4b4b4(Tff7b72!Te6edf3visibleTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3panelMaxHeight Tff7b72= Tff7b72nullTb4b4b4;

Tff7b72returnTb4b4b4;

Tb4b4b4}

Tff7b72thisTb4b4b4.Te6edf3adjustedLeft Tff7b72= Tff7b72thisTb4b4b4.Te6edf3xTb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3adjustedTop Tff7b72= Tff7b72thisTb4b4b4.Te6edf3yTb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3panelMaxHeight Tff7b72= Tff7b72nullTb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3scheduleRepositionTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3xTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3showTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3scheduleRepositionTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Te6edf3yTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3showTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3scheduleRepositionTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3mountedTb4b4b4(Tb4b4b4) Tb4b4b4{

Tffa657windowTb4b4b4.Te6edf3addEventListenerTb4b4b4(Ta5d6ff"resize"Tb4b4b4, Tff7b72thisTb4b4b4.Te6edf3onWindowResizeTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3beforeUnmountTb4b4b4(Tb4b4b4) Tb4b4b4{

Tffa657windowTb4b4b4.Te6edf3removeEventListenerTb4b4b4(Ta5d6ff"resize"Tb4b4b4, Tff7b72thisTb4b4b4.Te6edf3onWindowResizeTb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3cancelRepositionTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Te6edf3onWindowResizeTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3showTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3repositionToViewportTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Te6edf3cancelRepositionTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3repositionRaf Tff7b72!= Tff7b72nullTb4b4b4) Tb4b4b4{

Te6edf3cancelAnimationFrameTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3repositionRafTb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3repositionRaf Tff7b72= Tff7b72nullTb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Te6edf3scheduleRepositionTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3cancelRepositionTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3repositionRaf Tff7b72= Te6edf3requestAnimationFrameTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3repositionRaf Tff7b72= Tff7b72nullTb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3$nextTickTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tff7b72thisTb4b4b4.Te6edf3repositionToViewportTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3repositionToViewportTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72const Te6edf3el Tff7b72= Tff7b72thisTb4b4b4.Te6edf3$refsTb4b4b4.Te6edf3panelTb4b4b4;

Tff7b72if Tb4b4b4(Tff7b72!Te6edf3el Tff7b72|| Tff7b72!Tff7b72thisTb4b4b4.Te6edf3showTb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Tff7b72const Te6edf3rect Tff7b72= Te6edf3elTb4b4b4.Te6edf3getBoundingClientRectTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Tb4b4b4{ Te6edf3leftTb4b4b4, Te6edf3topTb4b4b4, Te6edf3maxHeight Tb4b4b4} Tff7b72= Te6edf3clampFloatingToViewportTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3xTb4b4b4, Tff7b72thisTb4b4b4.Te6edf3yTb4b4b4, Te6edf3rectTb4b4b4.Te6edf3widthTb4b4b4, Te6edf3rectTb4b4b4.Te6edf3heightTb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3adjustedLeft Tff7b72= Te6edf3leftTb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3adjustedTop Tff7b72= Te6edf3topTb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3panelMaxHeight Tff7b72= Te6edf3maxHeightTb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>